<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米帐号-注册</title>
    <link rel="stylesheet" href="./css/register.css">
</head>
<body>
    <div class="box">
        <div class="main">
            <div class="logo">
                <span></span>
            </div>

            <h1>注册小米帐号</h1>

            <form action="javascript:void(0)" class="form-first">

                <p class="list-p">国家/地区</p>
                <div class="list">
                    <span class="country">中国</span>
                    <em></em>
                </div>
                <p class="list-p2">成功注册帐号后，国家/地区将不能被修改</p>

                <div class="name" style="margin-bottom: 15px;">
                    <p class="list-p">手机号码</p>
                <input autocomplete="off" type="text" name="phonenum" id="phonenum" placeholder="请输入手机号">
                <i>+86</i>
                <label for="phonenum" id="name-tip">请输入手机号码</label>
                </div>
                
                <!-- verification  验证码的意思 -->
                <div class="verification">
                    <p>验证码</p>
                    <input type="text"  autocomplete="off" name="ver-code" id="ver-code" placeholder="请输入验证码">
                    <label for="ver-code" id="ver-tip">验证码不正确</label>
                    <button class="ver-btn">获取验证码</button>
                </div>

                <div class="psw">
                    <p>密码</p>
                    <input type="password" autocomplete="off" name="password" id="password" placeholder="请输入密码">
                    <label for="password" id="psw-tip">密码为8-20为字母和数字或者特殊符号组合</label>
                </div>
                <button id="btn">
                    立即注册
                    <em class="mask"></em>
                </button>
            </form>

            <div class="list_menu">
                <form action="javascript:void(0)">
                    <input type="text">
                </form>
                <ul id="ul_list">
                    <li>阿富汗</li>
                    <li>阿尔巴尼亚</li>
                    <li>阿尔及利亚</li>
                    <li>美属萨摩亚</li>
                    <li>安道尔</li>
                    <li>安哥拉</li>
                    <li>安圭拉</li>
                    <li>南极洲</li>
                    <li>阿根廷</li>
                    <li>亚美尼亚</li>
                    <li>阿鲁巴</li>
                    <li>澳大利亚</li>
                    <li>奥地利</li>
                    <li>阿塞拜疆</li>
                    <li>美国</li>
                    <li>英国</li>
                    <li>日本</li>
                    <li>韩国</li>
                    <li>意大利</li>
                    <li>中国</li>
                </ul>
            </div>
        </div>

        <!-- protocol 协议的意思 -->
        <div class="protocol">
            <p>
                已阅读并同意 : 小米
                <a href="https://static.account.xiaomi.com/html/agreement/user/zh_CN.html" target="_black">用户协议</a>
                和
                <a href="https://privacy.mi.com/miaccount/zh_CN/" target="_black">隐私政策</a>

                <a href="login.html" class="already_have">
                    已有帐号，去登陆
                </a>
            </p>
        </div>
    </div>

    <!-- bottom -->
    <div class="bottom">
        <p>
            <a href="###">简体</a>
            |
            <a href="###">繁体</a>
            |
            <a href="###">English</a>
            |
            <a href="###">常见问题</a>
        </p>
        <p>
            小米公司版权所有-京ICP备10046444-
          <a href="###">
            京公网安备11010802020134号
          </a>  
            -京ICP证110507号
        </p>
    </div>

</body>
<script src="./libs/jQuery.js"></script>
<script src="./libs/utils.js"></script>
<script src="./javascripts/register.js"></script>
</html>